import Layout from '@/layout'
// 每个子模块的外层是 layout，组件位于 layout 的二级路由里面
export default {
  path: '/employees',
  component: Layout,
  children: [
    {
      // 这里当二级路由的 path 什么都不写的时候，表示该路由为当前二级路由的默认路由
      path: '',
      name: 'employees',
      component: () => import('@/views/employees'),
      // 路由元信息，其实就是存储数据的对象
      meta: {
        // meta 属性的里面的属性，可以随意定义，但是这里为什么要用 title 呢？
        // 因为左侧导航会读取我们路由 meta 里面的 title 作为显示菜单名称
        title: '员工管理',
        icon: 'people'
      }
    },
    {
      path: 'import',
      name: 'import',
      hidden: true,
      component: () => import('@/views/import'),
      meta: {
        title: '员工导入'
      }
    },
    {
      path: 'detail/:id', // 动态路由传参
      component: () => import('@/views/employees/detail'),
      hidden: true, // 不在左侧菜单显示
      meta: {
        title: '员工详情' // 标记当前路由规则的中文名称，后续在做左侧菜单时使用
      }
    },
    {
      // 二级默认路由
      path: 'print/:id',
      // 按需加载
      component: () => import('@/views/employees/print'),
      hidden: true,
      meta: {
        // 标记当前路由规则的中文名称，后续在做左侧菜单时，使用
        title: '打印',
        icon: 'people'
      }
    }
  ]
}

